<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <link rel="stylesheet" href="{{__BASE__}}/admin/404/css/main.css" type="text/css" media="screen, projection" /> <!-- main stylesheet -->
    <link rel="stylesheet" type="text/css" media="all" href="{{__BASE__}}/admin/404/css/tipsy.css" /> <!-- Tipsy implementation -->

    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="{{__BASE__}}/admin/404/css/ie8.css" />
    <![endif]-->

    <script type="text/javascript" src="{{__BASE__}}/admin/404/scripts/jquery-1.7.2.min.js"></script> <!-- uiToTop implementation -->
    <script type="text/javascript" src="{{__BASE__}}/admin/404/scripts/custom-scripts.js"></script>
    <script type="text/javascript" src="{{__BASE__}}/admin/404/scripts/jquery.tipsy.js"></script> <!-- Tipsy -->

    <script type="text/javascript">

        $(document).ready(function(){

            universalPreloader();

        });

        $(window).load(function(){

            //remove Universal Preloader
            universalPreloaderRemove();

            rotate();
            dogRun();
            dogTalk();

            //Tipsy implementation
            $('.with-tooltip').tipsy({gravity: $.fn.tipsy.autoNS});

        });

    </script>


    <title>404 - Not found</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>

<!-- Universal preloader -->
<div id="universal-preloader">
    <div class="preloader">
        <img src="{{__BASE__}}/admin/404/images/universal-preloader.gif" alt="universal-preloader" class="universal-preloader-preloader" />
    </div>
</div>
<!-- Universal preloader -->

<div id="wrapper">
    <!-- 404 graphic -->
    <div class="graphic"></div>
    <!-- 404 graphic -->
    <!-- Not found text -->
    <div class="not-found-text">
        <h1 class="not-found-text">File not found, sorry!</h1>
    </div>
    <!-- Not found text -->

    <!-- search form -->
    <div class="search">
        <form name="search" method="get" action="/" />
        <input type="text" name="search" value="查询主站..." />
        <input class="with-tooltip" title="查询主站!" type="submit" name="submit" value="" />
        </form>
    </div>
    <!-- search form -->

    <!-- top menu -->
    <div class="top-menu">
        <a href="{{__BASE__}}" class="with-tooltip" title="点击前往主站...">主站</a> |
        <a href="/list/about" class="with-tooltip" title="关于我们...">关于我们</a> |
        <a href="/list/service" class="with-tooltip" title="我们的服务...">我们的服务</a> |
        <a href="/list/ourteam" class="with-tooltip" title="我们的团队...">我们的团队</a> |
        <a href="/list/case" class="with-tooltip" title="经典案例...">经典案例</a> |
        <a href="/list/news" class="with-tooltip" title="新闻中心...">新闻中心</a>

    </div>
    <!-- top menu -->

    <div class="dog-wrapper">
        <!-- dog running -->
        <div class="dog"></div>
        <!-- dog running -->

        <!-- dog bubble talking -->
        <div class="dog-bubble">

        </div>

        <!-- The dog bubble rotates these -->
        <div class="bubble-options">
            <p class="dog-bubble">
                你失去了方向吗? 不用担心,我是一个优秀的导游 !
            </p>
            <p class="dog-bubble">
                <br />
                汪！ 汪！
            </p>
            <p class="dog-bubble">
                <br />
                不用担心,我在这里 !
            </p>
            <p class="dog-bubble">
                我想要一块饼干 <br /><img style="margin-top:8px" src="{{__BASE__}}/admin/404/images/cookie.png" alt="cookie" />
            </p>
            <p class="dog-bubble">
                <br />
                天哪 ! 是不是很无聊啊 ?
            </p>
            <p class="dog-bubble">
                <br />
                我可以关闭吗 ?
            </p>
            <p class="dog-bubble">
                我是不是只是在绕着一个圈子走 ? 是不是...
            </p>
            <p class="dog-bubble">
                <br />
                好吧,或许我也失去了方向 !
            </p>
            <p class="dog-bubble">
                我想我看到了一只  <br /><img style="margin-top:8px" src="{{__BASE__}}/admin/404/images/cat.png" alt="cat" />
            </p>
            <p class="dog-bubble">
                我们到底在寻找什么呢 ? @_@
            </p>
        </div>
        <!-- The dog bubble rotates these -->
        <!-- dog bubble talking -->
    </div>

    <!-- planet at the bottom -->
    <div class="planet"></div>
    <!-- planet at the bottom -->
</div>
</body>
</html>